const CompressionPlugin = require('compression-webpack-plugin')
const path = require('path')

const isProd = process.env.NODE_ENV === 'production'

module.exports = {
    publicPath: process.env.VUE_APP_PACK_PATH,
    outputDir: path.resolve(__dirname, '../../public/exportModules'),
    configureWebpack: () => {
        if (isProd) {
            return {
                plugins: [
                    new CompressionPlugin({
                        test: /\.js$|\.html$|\.css$|\.jpg$|\.jpeg$|\.png/, // 需要压缩的文件类型
                        threshold: 10240, // 归档需要进行压缩的文件大小最小值，这个对 10K 以上的进行压缩
                        deleteOriginalAssets: false, // 是否删除原文件
                    }),
                ],
            }
        }
    },
    // chainWebpack: config => {
    //     const urlLoader = config.module.rule('images')
    //     // 清除已有的所有 loader。
    //     // 如果你不这样做，接下来的 loader 会附加在该规则现有的 loader 之后。
    //     urlLoader.uses.clear()
    //     urlLoader
    //         .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
    //         .use('url-loader')
    //         .loader('url-loader')
    //         .options( {
    //             limit: 1024 * 200, // 8k
    //             name:'[path][name].[ext]', // 利用[path]路径获取文件夹名称并设置文件名
    //             fallback: 'file-loader',  // 当超过8192byte时，会回退使用file-loader
    //             context: path.resolve(__dirname,'./src'),//过滤掉[path]的相对路径
    //             publicPath: '/' //采用根路径
    //         })
    // }
}
